@charset "utf-8";

@media screen and (max-width: 1919px) {
#c-header .c-nav>li {
   margin: 0 15px;
}


#c-header .c-gn form {
   padding: 0 15px;
}

#c-header .c-gn .c-phone i {
   margin: 0 5px 0 15px;
}
}

@media screen and (max-width: 1599px) {

.swiper-button-next, .swiper-button-prev{ top:130px;}

.footer .footernav dl{ padding-right:7%;}
.aboutus .aboutcont .aboutleft h2{ display:none;}
.aboutus .abouttext{ padding-top:0px;}
.aboutus .commontit2{ margin-bottom:30px !important;}

.naboutus .part1 .nabouttext{ padding-top:10px;}
.naboutus .p2 .nabouttext h1{ margin-top:10px;}

}



@media screen and (max-width: 1365px) {
#c-header .lanchange a{ display:none;}

.c-container2,
#c-header .c-container2 {
   width: 100%;
   padding: 0 20px;
}


#c-header .c-container2 {
   height: 60px;
   padding: 0 20px;
}


#c-header {
   line-height: 60px;
}

#c-header .c-logo img {
   height: 36px;
}


#c-header .c-nav {
   display: none;
}


#c-header .c-switch {
   display: block;
}



#c-header .c-switch i {
    background: #333;
}


#c-header.c-style2 .c-switch i {
    background: #333; 
}


.c-banner1.swiper-container .c-dot-box {
	left:calc(50% - 30px);
}


.c-banner1 .swiper-button-next,
.c-banner1 .swiper-button-prev {
	display: none;
}

.c-banner1 {
	margin-top: 60px;
}


#c-header .c-nav>li{
  position: relative;
}

#c-header .c-nav2{ font-size:15px; font-weight:400;}
#c-header .c-nav2 li:hover>a,

#c-header .c-nav2 li.active>a {
    color: #0066c5;
	font-weight:bold;
}

.footer .contact{ display:none;}
.footer .footernav{ width:70%;}
.footer .footernav dl{ padding-right:10%;}

.casescont .casestop .right h1{ margin-top:10px;}

.nbanner{ margin-top:60px;}
.footer .footernav dl{ padding-right:7%;}
.commontit2{ font-size:32px;}
.commontit{ font-size:32px;}
.aboutus .aboutdata li{ padding-bottom:20px;}
.aboutus .aboutdata li{ width:46%; margin-bottom:30px; margin-left:2%; margin-right:2%;}
.aboutus .aboutdata li:last-child{ width:44%;}
.tab{ margin:0px auto; margin-top:30px; }

}



@media screen and (max-width: 520px) {

.pages .all,.pages .pageindex{ display:none;}
.pages a:last-child{ display:none;}
.pages{ padding-top:20px;}

.widthwarp{ width:92%; margin:0px auto; }

.sliderbar{ display:none;}



/*banner*/

.c-banner1.swiper-container {
  height:38vh;
}

.c-banner1 .swiper-slide img{ width:150%; margin-left:-94px;}

.c-banner1.swiper-container .bottom{ display:block;}

.c-banner1 .swiper-pagination{ bottom:20px;}
.c-banner1 .swiper-pagination-bullet{ width:30px; height:4px;}


/*  标题 */
.commontit{	padding-top:50px; font-size:28px;  width:100% !important; padding-bottom:10px; margin-bottom:20px;}
.commontit:after{ bottom:-24px; left:calc(50% - 20px);}

.commontit2{ text-align:center; margin-bottom:30px !important; 	padding-top:50px; font-size:28px; padding-bottom:0px; width:100% !important;}
.commontit2:after{ bottom:-20px; left:calc(50% - 20px);}
.adv .commontit,.proimages .commontit,.applications .commontit,.cooperation .commontit{ margin-bottom:60px;}



/*  首页关于我们 */

.aboutus .commmbluebut{ height:54px; line-height:54px; margin-left:calc(50% - 80px); font-size:14px; width:160px; background: url(../images/arr.png) 110px center no-repeat; background-color: #0066c5; }
.aboutus .aboutimg{ width:100%; padding-top:40px;}

.aboutus{ padding-bottom:30px;}
.aboutus .abouttext{ font-size:14px; line-height:28px; margin-bottom:30px;}
.aboutus .aboutcont .aboutleft{ width:100%;}
.aboutus .aboutdata{ padding-top:40px; margin-top:40px; padding-bottom:0;}
.aboutus .aboutdata li{ width:46%; margin-bottom:30px; margin-left:2%; margin-right:2%;}
.aboutus .aboutdata li:last-child{ width:44%;}
.aboutus .aboutdata .num{ font-size:36px;}
.aboutus .aboutdata li{ font-size:14px;}
.aboutus .aboutdata span{ margin-bottom:10px;}


/*  首页产品 */
.swiper-button-next, .swiper-button-prev{ display:none;}
.indexproduct{ padding-bottom:40px;}
.indexproduct .tab{ margin-top:10px; width:100%; margin-bottom:6px;}
.indexproduct .tab ul{ width:100%;}
.indexproduct .tab ul .tabItem{ float:left; width: calc(50% - 5px); padding-bottom:10px; margin-right:10px;}
.indexproduct .tab a{ font-size:14px; height:50px; line-height:50px;  width:100%; margin-left:0;}
.indexproduct .tab ul .tabItem:nth-child(2n){ margin-right:0;}

.indexproduct .swiper-slide ul li{ width: calc(50% - 5px); margin-right:10px; margin-bottom:20px;}
.indexproduct .swiper-slide ul li:nth-child(2n){ margin-right:0px;}
.indexproduct .swiper-slide ul li h1{ font-size:14px; padding-top:10px;}



/*------------------- 版权  ------------*/

.footer{ padding-top:30px;}
.footer .footernav{ display:none;}
.footer .copyright{ width:100%; line-height:1.6; padding:20px 0px; font-size:12px;}
.footer .copyright a{ font-size:12px;}
.footer .links{ padding:20px 0px;}
.footer .links span{ display:block; padding-bottom:5px;}
.footer .links a{ margin-right:20px; line-height:2;}
.footer .footertop{ padding-bottom:20px;}
.footer .follow{ float:none; margin-bottom:10px; width:100%;}



/*------------------- 内页样式 ------------*/
.nbanner{ margin-top:60px; height:180px; background-size:cover; font-size:26px;}
.nbanner span{ padding-top:50px;}
.nbanner span:after{ width:30px; left: calc(50% - 15px); top:105px;}
.pos{font-size:12px; text-align:left; padding:20px 0px;}



/*关于我们*/
.naboutus{ padding-top:40px;}
.naboutus .part1 .nabouttext{ width:100%; float:none;}
.naboutus .nabouttext h1{ font-size:26px; padding-right:30px;}
.naboutus .part1 .aboutinfo{ width:100%; padding-bottom:40px; padding-top:20px; font-size:14px; line-height:32px;}
.naboutus .part1 .naboutimg{ width:100%; float:none;}
.naboutus .p2 .nabouttext h1{ margin-left:0; margin-top:40px;}
.naboutus .p2 .aboutinfo{ margin-left:0;}

.honor{ margin-top:40px; padding-top:0px; padding-bottom:40px;}
.honor li{ width: calc(33.33% - 13.333px); margin-right:20px;}
.honor li h1{ width:100%; text-overflow:ellipsis; line-height:24px; margin-bottom:20px;

}
.honor li:nth-child(3n){ margin-right:0px;}
.honor .swiper-container{ padding-bottom:20px;}

.culturelist{ padding-bottom:10px;}
.culturelist li{ width:100%; margin-bottom:30px; margin-right:0; margin-bottom:20px;}


/* 螺旋桩和螺旋桩基解决方案 */
.advlist{ padding-bottom:40px;}
.advlist li{ width:47.8%; margin-right:4.4%; float:left; margin-bottom:15px;}
.advlist li:nth-child(2n){ margin-right:0;}

.proimages{ padding-bottom:50px;}
.proimageslist li{ width: 47.8%;  margin-right: 4.4%;}
.proimageslist li h2{ line-height:24px; font-size:14px; padding-top:10px;}

.applications .appinfo{ font-size:14px; padding-bottom:40px;}
.applicationslist{ padding-bottom:30px;}
.applicationslist li{ width: 47.8%;  margin-right: 4.4%; padding-bottom:10px;}
.applicationslist li h2{ font-size:16px; line-height:40px;}
.applicationslist li:nth-child(2n){ margin-right:0;}

.cooperation{ padding-bottom:40px;}
.cooperation .cooperationleft,.cooperation .cooperationright{ width:100%;}
.cooperation .cooperationright{ padding:0px 40px; line-height:28px; padding-bottom:50px; font-size:14px; margin-right:0; margin-top:40px;}
.cooperation .cooperationright h1{ font-size:24px; margin-bottom:20px;}


.product{ padding-top:30px;}
.product .productclass{ width:100%; float:none; margin-bottom:20px; background:none;}
.productclass .proclasslist{ line-height:60px;}
.productclass .proclasslist li{ width:calc(60% - 10px); float:left; font-size:14px;  padding-left:0px; border:none; background-color:#fff; margin-right:10px; margin-bottom:10px; text-align:center;}
.productclass .proclasslist li:nth-child(2n){ width:40%; padding-left:0px; margin-right:0px;}
.productclass .proclasslist .cur{ background-color:#0066c5;}
.productclass .proclasslist .cur a{ color:#fff;}

.product .productlist{ width:100%; float:none; padding-bottom:40px;}
.product .proclasstit{ display:none;}

.product .productlist li{ width: 47.8%;  margin-right: 4.4%; margin-bottom:20px;}
.product .productlist li:nth-child(2n){ margin-right:0px;}
.productlist li h4{ font-size:16px;}
.productlist li:nth-child(3n){ margin-right:4.4%;}


/* 客户案例 */
.cases{ padding-bottom:0px;}
.cases .casesinfo{ font-size:14px; padding-bottom:40px;}
.caseslist li{ width: 47.8%;  margin-right: 4.4%; margin-bottom:20px;}
.caseslist li:nth-child(2n){ margin-right:0px;}
.caseslist li h2{ font-size:14px; padding:15px 10px; padding-bottom:0px;}
.caseslist li .imgbox{ padding-bottom:15px;}

.casescont .casestop{ padding:20px; margin-top:30px; margin-bottom:20px;}
.casescont .casestop .left{ width:100%; float:none;}
.casescont .casestop .right{ width:100%; float:none;}
.casescont .casestop .right h1{ font-size:20px;}
.casescont .casestop .right .cbut a{ width: 47.8%;  margin-right: 4.4%; font-size:14px; }
.casescont .casestop .right .cbut a:last-child{ margin-right:0px;}

.casedetail{ padding:20px; margin-bottom:40px;}
.casedetail .casedetailtit{ font-size:20px;}
.casedetail .casedetailtit:after{ width: 80px;}
.casedetail .casedetailcont{ padding-top:20px; font-size:14px; padding-bottom:0px; line-height:32px;}
.casescont .casestop .right .caseinfo{ font-size:14px; line-height:32px;}


/* 新闻中心 */
.pos2 .classtab{ margin-top:40px; margin-left:calc(50% - 94px);}
.pos2 .classtab .active{ margin-bottom:-21px;}
.pos2 .classtab li a:last-child{ margin-right:0px;}

.newslist{ padding-top:30px; padding-bottom:30px;}
.newslist li{ padding:0;}
.newslist li:hover{ background:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
.newslist li img{ width:100%;}
.newslist li .imgbox{ width:100%;}
.newslist .newsright{ width:100%; margin-bottom:20px; height:auto; padding-bottom:20px; padding-top:15px;}
.newslist h3{ font-size:20px; margin-bottom:10px;}
.newslist .addtime{ padding-top:14px; font-size:18px;}
.newslist .newsright .newstext{ font-size:14px;}


/*新闻详情*/
.h120{ height:60px;}
.ncont{ padding-top:30px; padding-bottom:40px;}
.ncont h1{ font-size:26px; }
.ncont h2{ font-size:14px;}
.ncont .ncontleft{ width:100%; font-size:14px;}
.ncont .ncontleft .contentwrap img{ max-width:100% !important; height:auto !important;}
.ncont .ncontleft .contentwrap p{ text-indent:0 !important;}

.ncontright{ width:100%; padding-top:40px;}
.ncontright .reproright .contwrap{ display:block;}
.ncontright .recont .repro .imgbox{ width:100%;}
.ncontright .reproright{ width:100%;}
.ncontright .recont h2{ font-weight:600; color:#000; font-size:20px;}
.ncontright .recont h2 span{ margin-right:0px;}
.ncontright .reproright .viewmore{ display:none;}


/*联系我们*/
#l-map{ height:300px;}
.contactbox{ margin-top:-60px !important; margin-bottom:40px;}
.contactbox .contactinfo{ width:100%; padding-left:0px; line-height:22px; font-size:15px; padding-bottom:10px; float:none;}
.contactbox .contactinfo li{ padding:8px 0px;}
.contactbox .contactinfo li img{ margin-right:10px;}
.contactbox .commontit2{ font-size:28px; padding-bottom:0px; padding-top:50px;}
.contactbox .commontit2::after{ bottom: -24px;  left: calc(50% - 20px);}
.contactbox .contactlist{ padding-left:30px; padding-top:10px;}
.contactbox .erweima{ padding:30px; text-align:center;}
.contactbox .erweima img{ width:90%; margin-bottom:30px; margin-right:0px;}

.contactbox .message{ width:100%; float:none; padding:0px 30px; padding-bottom:30px;}
.contactbox .message .subclass{ width:100%;}

.ncont .ncontleft .prenext .fl{ float:none; display:block;}
.ncont .ncontleft .prenext .fr{ float:none; display:block; border-top:#eaeaea 1px solid; margin-top:10px; padding-top:10px;}


}